<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>数据类型转换-数字型</title>
  <style>
    div {
      width: 100px;
      height: 100px;
    }
  </style>
</head>

<body>
  <script>
    // // 第一个数字
    // let num1 = Number(prompt('请输入第一个月工资:'))
    // // 第二个数字
    // let num2 = Number(prompt('请输入第二个月工资:'))
    // //  输出结果
    // // alert(Number(num1) + Number(num2))
    // alert(num1 + num2)

    // 通过显示转换的方式把其他类型转换为数字型
    // 1. Number()  常用
    // 1.1 把字符串转换为数字型
    // console.log(typeof Number('10')) // number
    // console.log(Number('10.88')) // 10.88
    // console.log(Number('abc')) // NaN
    // console.log(Number('100px')) // NaN

    // 1.2 把布尔值转换为数字型
    // console.log(Number(true)) // 1
    // console.log(Number(false)) // 0

    // 1.3 把 null undefined 转换为数字型
    // console.log(Number(null)) // 0
    // console.log(Number(undefined)) // NaN

    // 注意: 在实际开发中, 我们需要转换一些带单位的数字去做运算, 比如: 100px, 2rem


    // 2. parseInt() 和 parseFloat()
    // 2.1 parseInt() 把字符串中的整数提取出来
    // 注意点: 1) 只能提取整数, 不能提取小数 2) 里面的字符串必须以数字开头
    // console.log(parseInt('100px')) // 100
    // console.log(parseInt('100.88px')) // 100
    // console.log(parseInt('px100.88px')) // NaN

    // 2.2 parseFloat() 把字符串中的数字提取出来(整数, 小数)
    // 注意点: 里面的字符串必须以数字开头
    console.log(parseFloat('100.88px')) // 100.88
    console.log(parseFloat('100px')) // 100
    console.log(parseFloat('px100px')) // NaN

  </script>
</body>

</html>